<script setup></script>

<template>
  <div class="header">
    <div class="title">潼南区住建大数据驾驶舱</div>
  </div>
</template>

<style scoped lang="scss">
.header {
  position: absolute;
  width: 100%;
  height: 200px;
  left: 0;
  top: 0;
  display: flex;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url('@/assets/imgs/top.png');
  z-index: 222;
  pointer-events: none;
  --title-width: 478px;
  user-select: none;
  justify-content: center;

  .title {
    width: var(--title-width);
    text-align: center;
    height: 74px;
    margin-top: 10px;
    // background-size: 100% 100%;
    // background-repeat: no-repeat;
    // background-image: url('@/assets/imgs/top-title.png');
    font-size: 44px;
    font-weight: 400;
    line-height: 70px;
    flex-shrink: 0;
    font-family: YouSheBiaoTiHei;
    color: #333333;

    background: linear-gradient(0deg, #c9e3f9 0%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
</style>
